
.top-1{
    height: 20rem;
    font-size: 0.8rem;
    padding:  5rem 2rem 0 2rem;
    position: relative;
    .box{
        position: relative;
    }
    input{
        box-sizing: border-box;
        width: 100%;
        height: 3rem;
        font-size: 0.9rem;
        border: none;
        outline: none;
        border-bottom: 2px solid #cccccc;
        padding-left: 3rem;
        margin-bottom: 1.3rem;
        background-color: #f2f4f7;
    }


    .eye{width: 1rem;
        height: 1rem;
        position: absolute;
            right: .5rem;
            bottom:2rem;
    }
    .mess{
        padding-left: 1.3rem;
       
        color: rgb(196, 196, 196);
        background: url(../img/reg-1.png) no-repeat;
        background-position: 0 0.08rem;
    }
    .wrong{
        color: brown;
        background: url(../img/reg-3.png) no-repeat;
        background-position: 0 0.08rem;
    }
    .rong{
        color: palevioletred;
        background: url(../img/reg-2.png) no-repeat;
        background-position: 0 0.08rem;
    }
    .img-1{
        width: 1.5rem;
        position: absolute;
        left: 2.5rem;
        top: 5.5rem;
    }
    .img-2{
        width: 1.7rem;
        position: absolute;
        left: 2.5rem;
        top: 10.3rem;
    }
    
    .button-2{
        width: 100%;
        height: 3rem;
        border-radius: 100px;
        margin-top: 3rem ;
        border: none;
        background-color: rgb(109, 196, 22);
        box-shadow: 0 0px 10px rgba(54, 54, 54, 0.1);
        font-size: 1.5rem;
        color: rgb(255, 255, 255);
    }
}
.footer{
    // height: 9rem;
    // background-color: bisque;
    position: relative;
    display: flex;
    flex-direction: column;
    p{
        text-align: center;
        font-size: 0.8rem;
        color: rgb(172, 172, 172);
        margin-bottom: 1.5rem;
    }
    p::before,p::after{
        position: absolute;
        content: '';
        display: inline-block;
        width: 5rem;
        height: .07rem;
        background-color: rgb(172, 172, 172);
        top: 0.6rem;
    }
    p::before{
        left: 2rem;
    }
    p::after{
        right:2rem ;
    }
    img{
        width: 4rem;
        margin: 0 auto;
    }
}